<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryRef"
      :inline="true"
      label-width="90px"
    >
      <el-form-item label="编号" prop="gateNo">
        <el-input placeholder="请输入" clearable />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="Search">搜索</el-button>
        <el-button icon="Refresh">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="Plus"
          @click="handleAdd"
          v-hasPermi="['emergency:mats:add']"
          >新增
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="Edit"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['emergency:mats:edit']"
          >修改</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="Delete"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['emergency:mats:remove']"
          >删除</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="Download"
          @click="handleExport"
          v-hasPermi="['emergency:mats:export']"
          >导出
        </el-button>
      </el-col>
    </el-row> -->

    <div style="width: 100%">
      <el-row :gutter="12" style="width: 100%">
        <el-col :span="6" v-for="(item, index) in 8" :key="index">
          <div class="img-item"><img :src="_imports_0" class="imgStyle" /></div
        ></el-col>
      </el-row>
    </div>

    <pagination
      v-show="total > 0"
      :total="total"
      v-model:page="queryParams.pageNum"
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
      style="margin-top: 10px"
    />
  </div>
</template>
<script setup>
import _imports_0 from '@/assets/images/video.png'

import { zoneTreeSelect } from '@/api/emergency/mats'

const { proxy } = getCurrentInstance()

/* 获取单位字典 */
const { sys_basicequ_status } = proxy.useDict('sys_basicequ_status')

const single = ref(true)
const multiple = ref(true)
const zoneOptions = ref([])
const total = ref(20)

const data = reactive({
  queryParams: { pageNum: 1, pageSize: 10 }
})
const { queryParams } = toRefs(data)

/** 存放位置树结构 */
function getZoneTree() {
  return zoneTreeSelect().then((response) => {
    zoneOptions.value = response.data
  })
}

function getList() {}

function handleAdd() {}

function handleUpdate() {}

function handleDelete() {}

function handleExport() {}

// 获取最新搜索下拉选项
getZoneTree()

getList()
</script>
<style lang="scss" scoped>
.mr {
  margin-right: 10px;
}
:deep .pagination-container {
  height: 56px;
}
.img-item {
  margin-bottom: 15px;
}
.imgStyle {
  width: 100%;
}
</style>
